<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--  引入vue.js-->
    <script src="js/vue.js"></script>
</head>
<body>
    <div id="app">
<!--        a标签的原始绑定方式-->
        <a href="http://www.baidu.com">百度</a> <br>
<!--        vue的属性绑定方式，值是一个模型变量，vue的data中必须有指定的模型变量-->
        <a v-bind:href="url">百度</a> <br>
<!--        vue属性绑定的简化写法-->
        <a :href="url">百度</a> <br>
    </div>
</body>

<script>
    new Vue({
        el:"#app",
        //定义数据模型
        data:{
            url:"http://www.baidu.com"
        }
    });
</script>

</html>